<template>
  <div>Main</div>
  <MyBreadnav msg="组件通信" :list="list" @changeSpan="getValue"></MyBreadnav>
  <!-- <input type="text" v-bgColor="myColor"> -->
  <!-- <input type="text" v-bgcolor> -->
  <button v-auth="['管理员','商家']">添加用户</button>
</template>

<script lang='ts' setup>
import {ref} from "vue"
import {vFocus2,vBgcolor,vAuth} from "@/directives"
const list = ref<Array<string>>(["首页","系统管理","用户管理2"])
const data = ref<string>("测试数据")
const myColor = ref<string>("tomato")

const getValue = (val)=>{
  console.log("父组件：",val);
}

</script>

<style lang='scss' scoped>
</style>